
 
/* Reset & General Styling */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
html { font-size: 100%; overflow-y: scroll; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { border: 0; border-top: 1px solid #ccc; display: block; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre, code { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 0; padding: 0; list-style-position: inside; }
ul ul, ol ol, ul ol, ol ul { margin: 0; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol, 
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure, form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
legend { border: 0; *margin-left: -7px; padding: 0; }
label { cursor: pointer; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type=button], input[type=reset], input[type=submit] { cursor: pointer; -webkit-appearance: button; }
input[type=checkbox], input[type=radio] { box-sizing: border-box; }
input[type=search] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }
table { border-collapse: collapse; border-spacing: 0; }
th { text-align: left; }
tr, th, td { padding-right: 1.625em; /*border-bottom: 1px solid #EAE7DE;*/ }
td { vertical-align: top; }

/* Smart clearfix */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/********************************************************************************************* 

1. Toolbox CSS  -------------------------  All Theme Files

*********************************************************************************************/

body {font-family:Arial, Helvetica, Tahoma, sans-serif; font-size: 12px; text-align:center; background: #f2f2f2 url(/Content/images/back_header2.png) repeat-x top left; color: #555; margin: 0; }
li {list-style-type: none;}
a {text-decoration:none; color: #2f4c6c; }
a:hover {text-decoration:underline; color: #cb0e3d; /*cursor: pointer;*/}
h1,h2,h3,h4,h5,h6 {font-weight: normal; margin:0; padding:0; color: #222; }
h3 a:hover {text-decoration: none; }
p {margin: 0 0 16px; }

#container {width:100%; text-align:center; margin-bottom: 20px; font-size: 12px; line-height: 18px; }
#container div.wrapper {margin: 0 auto; text-align: left; width: 980px; background:url('/Content/images/banner.jpg') no-repeat; height:140px;}
#container div.wrapper_home {margin: 0 auto; text-align: left; width: 980px;}
#container div.cleaner {clear: both; font-size:1px; height: 1px; margin:0; line-height: 1px; }
#container div.cleaner-head {clear: right;}
#container div.sep {font-size:1px; height: 1px; margin:0; line-height: 1px; margin: 3px 0; background-color: #ccc; }

div.box-nopadd {padding: 0; border-top: none; }

#header {padding: 0px 0 15px; min-height: 160px; }
#logo {float: left; display: inline; color: #cbddf4; font-size: 13px; padding-top:0px; line-height: 19px; margin-left: 20px; }
#logo h1 {font-size: 30px; margin: 0 0 10px;}
#logo h1 a {color: #fff; }
#logo h1 a:hover {color: #cbddf4; }
#logo p {margin: 0;}

#callInfo {float: right; display: inline; font-size: 12px; color: #cbddf4; margin: 0 14px 20px 0; }
#navigation_top {float: right; display: inline; }
#navigation p {color: #cbddf4; }
#navigation p a {color: #fff;}
.clear { clear:both;}
/********************************************************************************************* 

3. Main Layout

*********************************************************************************************/ 

#frame {
	background-color: #fff;
	padding: 0px 0px;
	-moz-box-shadow: 0 0 10px #e1e1e1;
	-webkit-box-shadow: 0 0 10px #e1e1e1;
	box-shadow: 0 0 10px #e1e1e1;
}

#crumbs {line-height: 30px; background: #fff url(/Content/images/back_crumbs.png) repeat-x bottom left; margin-bottom: 20px; padding-left: 10px; }
#crumbs p {color: #777; font-size: 12px; }


#main {
    float: right;
    display: inline;
    margin: 0px 0px 0px 0px;
    width: 730px;
}

#featPosts {/*margin-bottom: 10px;*/ min-height: 200px; position:relative; clear:both;}
#featPosts ul.posts li {position: relative; }
#featPosts .postcontent {position: absolute; bottom: 0; left: 0; width: 710px; padding: 10px; font-size: 12px; line-height: 18px; background: transparent url(/Content/images/back_feat_posts.png) repeat top left; }
#featPosts .postcontent p {margin: 0;}
#featPosts .postcontent h2 {font-size: 14px; font-weight: bold; margin-bottom: 6px;  }

#postsSmall {width: 730px; }
#postsSmall li {display: inline; }
#postsSmall a {float: left; display: inline; padding: 0 5%; line-height: 30px; background-color: #2f4c6c; color: #fff; font-size: 11px; text-align: center; width: 15%; }
#postsSmall a:hover, #postsSmall li.current a {color: #fff; background-color: #34557a;}

/* Required */
.slides_container { overflow:hidden; position:relative; width: 730px; }
.slides { position:absolute; top:0; left:0; }
.slides li.slide { position:absolute; top:0; width:680px; min-height: 300px; display:block; }

#sidebar {float: left; display: inline; width: 250px; }
#sidebar .widget {margin: 0 0 20px; font-size: 12px; line-height: 18px; }

/********************************************************************************************* 

5. Carousel Widget      

*********************************************************************************************/   
 h3.green {background-image: url(/Content/images/title_green.png); border-bottom-color: #527937;}
 h3.title {
    line-height: 26px;
    font-size: 12px;
    font-weight: bold;
    border-bottom: solid 1px #555;
    color: #fff;
    padding-left: 10px;
  }

.jcarousel { font-size: 11px; font-weight: normal; text-transform: uppercase; clear: both; margin: 0px 0 20px; /*border: solid 1px #e1e1e1;*/ width: 705px; padding: 15px 10px 15px 12px; background: transparent url(/Content/images/back_highlights.png) repeat-x bottom left;}
.jcarousel ul { /*height: 82px;/}
.jcarousel img { float: left; border: solid 1px #777; /*width: 100px; height:80px;*/}
.jcarousel li a { color: #0060B6; }
.jcarousel a:hover { text-decoration: underline; }
.jcarousel-item { width: 155px; overflow: hidden; margin-right: 8px; position: relative; }
.jcarousel-prev { float: left; }
.jcarousel-next { float: right; }
.jcarousel-prev, .jcarousel-next { color: #003f62; margin-top: 8px; }
.jcarousel-prev:hover, .jcarousel-next:hover { text-decoration: underline; cursor: pointer; }

#sidebar .jcarousel {width: 220px;  }
#sidebar .jcarousel-item {width: 102px; margin-right: 15px;}

#sidebar .widget {margin: 0px 0px 0px 0px; font-size: 12px; line-height: 18px; }
h3.title_nav {height:35px; line-height:35px;}
h3.title {background:#0072BC; font-size: 13px; text-transform:uppercase; font-weight: bold; border-bottom: solid 1px #0072BC; }
#navSide li a.title_nav { height:35px; line-height:35px;}
#navSide li a { line-height:22px; /*height:35px;*/ background:#0072BC; font-size: 13px; text-transform:uppercase; font-weight: bold; border-bottom: solid 1px #0072BC; }
#navSide li:last-child {border-bottom: none;}
#navSide li a {color: #fff; padding-left: 10px; display: block; border-bottom: none; }
#navSide li a:hover {color: #cbddf4;}
#navSide li ul li {font-weight: normal; border-bottom: none; margin-bottom: 1px; background: none; background-color: #f2f2f2; }
#navSide li ul li a {color: #333; font-weight: normal; text-transform:none; padding-left: 20px; display:block; background: #f4f4f4 url(/Content/images/icon_menu.png) no-repeat top left; margin: 0;  padding:7px; font-size:13px;}
#navSide li ul li a:hover {background-color: #eee; }
#navSide li ul {/*border-left: solid 1px #ddd; border-right: solid 1px #ddd; border-bottom: solid 1px #ddd;*/}
#navSide li ul ul {border:none; padding-left: 10px; }
#navSide li ul li li {border-top: solid 1px #fff; }
#navSide li ul li:hover li {border-right: none; }
#sidebar .widget h3 {line-height: 26px; background: #325e84 url(/Content/images/back_side_widget.png) repeat-x top left; font-size: 12px; font-weight: bold;padding-left: 10px; color: #fff; margin-bottom: 10px; }

.DivCurrentPage {
    margin-left: 15px;
    margin-right: 15px;
    height: 100%;
    text-align: center;
    float: left;
    font-family: Tahoma, Arial;
    font-size: 12px;
}

.menu-header-menu-email
{
    /*margin-top:5px;*/
}

.div-content {
    width: 100%;
    text-align: left;
    padding-top: 7px;
    border-bottom: #CCCCCC 1px dotted;
    color: #003366;
    font-family: Arial,Tahoma;
}


.div-xemtiep {
    width: 95%;
    height: 24px;
    text-align: right;
    padding-top: 10px;
    padding-right: 20px;
}

.aXemtiep:hover {
color: Red;
}

.aXemtiep {
    font-family: Tahoma, "Times New Roman", Arial;
    font-size: 12px;
    color: blue;
    text-decoration: underline;
}

.list_News
{
    width: 728px;
    /*border-left: #cccccc 1px solid;
    border-right: #cccccc 1px solid;
    margin-bottom: 10px;*/
    border-bottom: #cccccc 1px solid;
}

.list_News ul li {
    font-weight: normal;
    border-bottom: none;
    margin-bottom: 1px;
    background: none;
    background-color: #fff;
    height:25px;
    padding-top:7px;
    border-bottom:1px solid #cccccc;
}

.list_News ul li:last-child {
    border-bottom: none;
}

.list_News ul li a {
    color: #333;
    font-weight: normal;
    padding-left: 20px;
    display: block;
    background: url('/Content/images/icon.png') no-repeat left center;
    margin: 0;
    margin-left:20px;
}

.div-content a {
    font-family: Tahoma, "Times New Roman", Arial;
    font-size: 12px;
    text-decoration: none;
    color: #004488;
}

.CreatedDate {
    color: #6B6B6B;
    font-family: Arial,Tahoma,Sans-Serif;
    font-size: 8pt;
    font-weight: normal;
}

/********************************************************************************************* 

7. Footer

*********************************************************************************************/

#footer {margin: 30px 20px; text-align: left; color: #777; }
#footer p {margin:0; line-height: 18px; font-size: 11px;  }

#footer div.column {float: left; display: inline-block; width: 260px; margin-right: 30px; border-right: solid 1px #e5e5e5; padding-right: 30px; line-height: 18px; font-size: 11px;}
#footer div.column-last {margin-right: 0; padding-right: 0; border-right: none; width: 298px; }
#footer div.column h3 {display: none; }
#footer div.column p {display: block; margin: 0 0 16px; }
#footer div.widget {margin: 5px 0 10px; }

#footer div.column-last {text-align: right;}
#footer div.column-last p.copy {font-size: 11px; margin: 0 0 8px; }
#footer p.wpzoom a {color: #777; text-decoration: none;}
#footer p.wpzoom { display: inline; float: right; line-height: 16px;  }
#footer p.wpzoom img { display: inline; float: right; padding: 0 0 0 2px; }

.ul_footer li
{
    float:left;
    height:20px;
    width:120px;
}

.dangky_email
{
    float:left;
    padding:10px;
}

.txtEmailResHome
{
    padding:3px;
}


.m-btn.blue
{
    padding:5px;
    border:0px;
    color: white;
    text-shadow: none;
    background-color: #4d90fe;
    background-image: -moz-linear-gradient(top,#4d90fe,#4787ed);
    background-image: -ms-linear-gradient(top,#4d90fe,#4787ed);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#4d90fe),to(#4787ed));
    background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);
    background-image: -o-linear-gradient(top,#4d90fe,#4787ed);
    background-image: linear-gradient(top,#4d90fe,#4787ed);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d90fe',endColorstr='#4787ed',GradientType=0)
}

.m-btn.blue:hover
{
    background-color: #0072bb;
    background-image: -moz-linear-gradient(top,#0072bb,#0072bb);
    background-image: -ms-linear-gradient(top,#0072bb,#0072bb);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#0072bb),to(#0072bb));
    background-image: -webkit-linear-gradient(top,#0072bb,#0072bb);
    background-image: -o-linear-gradient(top,#0072bb,#0072bb);
    background-image: linear-gradient(top,#0072bb,#0072bb);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d90fe',endColorstr='#4787ed',GradientType=0)
}

.content_details
{
    padding:10px;
    float:left;
    width:95%;
}

.content_details p
{
    line-height:25px !important;
    font-size:13px !Important;
}

.h1_page
{
    padding:10px;
    padding-top:15px;
    line-height:35px;
}

.inputetxt
{
    width: 200px;
    padding: 5px;
}

.btContact
{
    border:0px;
    display: inline-block;
    background-color: #dd0000;
    background: linear-gradient(top, #ed1c23 0%,#dd0000 100%);
    background: -moz-linear-gradient(top, #ed1c23 0%, #dd0000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ed1c23), color-stop(100%,#dd0000));
    background: -webkit-linear-gradient(top, #ed1c23 0%,#dd0000 100%);
    background: -ms-linear-gradient(top, #ed1c23 0%,#dd0000 100%);
    background: -o-linear-gradient(top, #ed1c23 0%,#dd0000 100%);
    border: 1px solid #bb0000;
    color: #fff;
    width: auto;
    font-weight: bold;
    cursor: pointer;
    padding: 8px 12px;
    box-shadow: inset 0 1px 0 rgba(255,0,0,1);
    -moz-box-shadow: 0 1px 0 rgba(255,0,0,1) inset;
    -webkit-box-shadow: 0 1px 0 rgba(255,0,0,1) inset;
    -ms-box-shadow: inset 0 1px 0 rgba(255,0,0,1);
    -o-box-shadow: inset 0 1px 0 rgba(255,0,0,1);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(153,0,0,1);
}